import React, { Component } from "react";
import { connect } from "react-redux";

import { View, SafeAreaView, StatusBar, StyleSheet } from 'react-native';

import NavBar from 'components/NavBar';

class Page extends Component {
  state = {
    // list: [],
  };

  componentDidMount () {
    StatusBar.setBarStyle("dark-content");
  }

  goBack = () => {
    const { navigation } = this.props;
    if (navigation) navigation.pop();
  }

  render () {
    return (
      <SafeAreaView style={SS.root}>
        <View style={SS.root_head}>
          <NavBar onBack={this.goBack}>{10000}</NavBar>
        </View>
        <View style={SS.root_body}>
          <View style={{ flexDirection: "column" }}>
            {}
          </View>
        </View>
        <View style={SS.root_foot}>{}</View>
      </SafeAreaView>
    );
  }
}

export const SS = StyleSheet.create({
  root: {
    flexGrow: 1,
    flexDirection: "column",
    alignItems: "stretch",
    backgroundColor: "#FFF",
  },
  root_head: {},
  root_body: {
    flexGrow: 1,
    flexDirection: "row",
    alignItems: "stretch",
  },
  root_foot: {
    flexShrink: 0,
    flexDirection: "row",
    alignItems: "center",
  },
});

export default connect(({ mineData }) => ({ mineData }))(Page);